//当管理员选择文件的时候
$('#file').on('change', function() {
    //用户选择的文件
    var file = this.files[0];
    //创建formData对象实现二进制文件上传
    var formData = new FormData();
    //将管理员选择到的文件添加到formData对象中
    formData.append('image', file);
    //向服务器发送请求 实现图片上传
  
    $.ajax({
      type: 'post',
      url: '/upload',
      data: formData,
      processData: false,
      contentType: false,
      success: function(response) {
        // console.log(response);
        $('#image').val(response[0].image);
        $('.thumbnail').attr('src',response[0].image).show()
      }
    })
  })

//当轮播图表单发生提交行为时
$('#slidesForm').on('submit', function() {
    //获取管理员在表单中输入的内容
    var formData = $(this).serialize();
    //向服务器端发送请求 添加轮播图数据
    $.ajax({
      type: 'post',
      url: '/slides',
      data: formData,
      success: function() {
        location.reload();
      }
    })
    //阻止表单默认行为
    return false;
  })

//向服务器发送请求 索要图片轮播列表数据
$.ajax({
    type: 'get',
    url: '/slides',
    success: function(response) {
      // console.log(response);
      var html = template('slidesTpl', { data: response });
      // console.log(html);
      $('#slidesBox').html(html);
    }
  })

//删除功能
$('#slidesBox').on("click", '.delete', function() {
  if(confirm('您真的要进行删除操作吗?')) {
    //获取管理员要删除的轮播图数据的id
    var id = $(this).attr('data-id');
    //向服务器发送请求
    $.ajax({
      type: 'delete',
      url: '/slides/' + id,
      success: function(result) {
        location.reload();
      }
    })
  }
})